<template>
    <el-row>
        <el-form :model="formDate" label-width="100px">
            <el-form-item label="审批人1" label-width="100px">
                <el-input v-model="formDate.user1" placeholder="审批人" style="width: 300px;"></el-input>
            </el-form-item>
            <el-form-item label="审批人2" label-width="100px">
                <el-input v-model="formDate.user2" placeholder="审批人" style="width: 300px;"></el-input>
            </el-form-item>
            <el-form-item label="审批人3" label-width="100px">
                <el-input v-model="formDate.user3" placeholder="审批人" style="width: 300px;"></el-input>
            </el-form-item>
            <el-form-item label="审批人4" label-width="100px">
                <el-input v-model="formDate.user4" placeholder="审批人" style="width: 300px;"></el-input>
            </el-form-item>
            <el-form-item label="审批人5" label-width="100px">
                <el-input v-model="formDate.user5" placeholder="审批人" style="width: 300px;"></el-input>
            </el-form-item>
        </el-form>
    </el-row>
</template>
<script>
export default {
  data() {
    return {
      formDate: {
        user1: '',
        user2: '',
        user3: '',
        user4: '',
        user5: ''
      }
    }
  },
  mounted() {
    // console.log(this.$route);
    console.log(this.userId);
    // this.auto()
  },
  props: ['userId'],
  methods: {
    autoSave() {
      let form = {
        user1: this.user1,
        user2: this.user2,
        user3: this.user3,
        user4: this.user4,
        user5: this.user5
      }
      localStorage.setItem('form', form);
    },
    auto() {
      console.log(1)
    }
  },
}
</script>
